// 通用基础样式
@import './mixin/index.scss';
@import './transition.scss';
@import './flex.scss';
@import './ui.scss';
@import './vars.scss';
@import './themes.scss';

*,
*::before,
*::after {
	box-sizing: border-box;
}

// 自定义滚动条
@include scroll-bar(6px, rgba(204, 204, 204, 0.5));

// 常用基本样式
.clearfix {
	@include clearfix;
}

.juzhong_transform {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
}

.pointer {
	cursor: pointer;
}

.block {
	display: block;
}

.inline {
	display: inline-block;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

/** 文字显示与隐藏 */
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tl {
	text-align: left;
}

.tr {
	text-align: right;
}

.tc {
	text-align: center;
}

.pre {
	white-space: pre-wrap;
	font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1',
		Arial, sans-serif;
}

.fw {
	font-weight: bold;
}
// 自适应剩余宽/高
.f1 {
	flex: 1;
}
// 自身高度不变
.f0 {
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.overflow-auto {
	overflow: auto;
}
.overflow-hidden {
	overflow: hidden;
}
.overflow-x-auto {
	overflow-x: auto;
}
.overflow-y-auto {
	overflow-y: auto;
}
.overflow-x-hidden {
	overflow-x: hidden !important;
}

.overflow-y-hidden {
	overflow-y: hidden !important;
}
.pull-right {
	float: right;
	display: inline;
}

.my-table-column-filter__popper {
	min-width: 80px !important;
	width: auto !important;
	.el-checkbox {
		margin-right: 0;
	}
}
.position-relative,
.relative {
	position: relative;
}
.position-absolute,
.absolute {
	position: absolute;
	top: 0;
	left: 0;
}
// 自定义常用样式
.page {
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 10px;
	box-sizing: border-box;
}

.system-page-background {
	background-color: var(--el-bg-color);
}

// 毛玻璃
.my-background-filter {
	backdrop-filter: blur(20px);
	background-color: rgba(35, 35, 36, 0.7);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

// 毛玻璃
.my-background-filter-shallow {
	backdrop-filter: blur(20px);
	background-color: rgba(35, 35, 36, 0.3);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
// 居中
.my-absolute-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

// 函数方法编辑器
.monaco-editor .view-overlays .current-line {
	border: 0 !important;
	color: var(--el-color-primary) !important;
}
.monaco-editor .cursors-layer .cursor {
	background-color: var(--el-text-color-primary) !important;
	border-color: var(--el-text-color-primary) !important;
	color: var(--el-text-color-primary) !important;
}
.mtk1 {
	color: var(--el-text-color-primary) !important;
}
.mtk6 {
	color: var(--el-color-primary) !important;
}
